<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编辑资料</title>
    <link rel="stylesheet" type="text/css" href="public/styles/information.css">
    <link rel="stylesheet" type="text/css" href="public/styles/indexBasis.css">
    <link rel="stylesheet" type="text/css" href="public/styles/homePageBasis.css">
</head>
<body>
<div class="main_wrapper">
    <!--页头-->
    <header class="head">
        <div class="Top">
            <nav>
                <div class="logo">
                    <a href="#"><img src="public/images2/LOGO.png"/></a>
                </div>
                <div class="top_nav">
                    <ul>
                        <li ><a href="index.html">首页</a></li>
                        <li ><a href="world.html">世界</a></li>
                        <li ><a href="message.html">消息</a></li>
                    </ul>
                </div>
                <!--搜索框-->
                <div class="search_bar">
                    <form method="GET" action="search.html">
                        <input type="text" placeholder="搜索从这里开始..." class="search_box" name="search" id="search_box">
                        <input type="submit" class="search_sub" id="search_sub" value=" ">
                    </form>
                </div>
                <!--用户-->
                <div class="user">
                    <ul>
                        <li><img src="public/images2/logo.png"/></li>
                        <li><span><a href="homePage-Blog.html">吴亦凡</a></span></li>
                    </ul>
                </div>
                <!--设置-->
                <div class="setting">
                    <img src="public/images2/set01.png"/>
                </div>
                <div class="setting_select">
                    <ul>
                        <li><a class="draftBox">草稿箱</a></li>
                        <li><a href="changeinfo.html">资料设置</a></li>
                        <li><a href="#">退出登录</a></li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="draftContent">
            <div class="draft_title">草稿箱</div>
            <div class="draftClose" title="关闭草稿箱"><img src="public/images2/del.png"/></div>
            <section>
                <div class="draft_time">2017-12-11</div>
                <div class="draft_blog">
                    <div class="blog_title">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </div>
                    <div class="blog_list">
                        <ul>
                            <li><a href="#" title="发送"><img src="public/images2/send.png"/></a></li>
                            <li><a href="#" title="继续编辑"><img src="public/images2/M.png" /></a></li>
                            <li><a href="#" title="删除"><img src="public/images2/trash.png"/></a></li>
                        </ul>
                    </div>
                </div>
            </section>
            <section>
                <div class="draft_time">2017-12-10</div>
                <div class="draft_blog">
                    <div class="blog_title">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </div>
                    <div class="blog_list">
                        <ul>
                            <li><a href="#" title="发送"><img src="public/images2/send.png"/></a></li>
                            <li><a href="#" title="继续编辑"><img src="public/images2/M.png" /></a></li>
                            <li><a href="#" title="删除"><img src="public/images2/trash.png"/></a></li>
                        </ul>
                    </div>
                </div>
                <div class="draft_blog">
                    <div class="blog_title">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </div>
                    <div class="blog_list">
                        <ul>
                            <li><a href="#" title="发送"><img src="public/images2/send.png"/></a></li>
                            <li><a href="#" title="继续编辑"><img src="public/images2/M.png" /></a></li>
                            <li><a href="#" title="删除"><img src="public/images2/trash.png"/></a></li>
                        </ul>
                    </div>
                </div>
            </section>

        </div>
    </header>
    <!--内容-->
    <div class="content">
        <div class="top_banner">
            <img src="public/images/myphoto.jpg" alt="">
            <h1>_SUYI-CHAN</h1>
            <a id="introduce" href="javascript:showIntroduce();">
                一句话介绍一下自己吧，让别人更了解你
            </a>
        </div>
        <div class="content_bar">
            <ul>
                <li><a href="home.html" id="blog">博文</a></li>
                <li><a href="album.html" id="album">相册</a></li>
                <li><a href="friend.html" id="friend">博友</a></li>
                <li><a href="likeme.html" id="likeme">我的赞</a></li>
                <li><a class="current" id="info">关于我</a></li>
            </ul>
        </div>
        <div class="moments">
                <div class="infEditBox">
                    <div class="closeEdit"><a id="toinfo" href="info.html"><img src="public/images2/del.png" /></a></div>
                    <!--头像-->
                    <div class="photo" id="clogo"><img src="public/images2/CC.png" /></div>
                    <form action="" method="post">
                        <!--账号不可修改-->
                        <p>账号：<span id="username">1654545455</span></p>
                        <!--昵称-->
                        <p class="nickname">
                            <label for="nickname">昵称:</label>
                            <input type="text" name="nickname" id="nickname" value="" placeholder="">
                        </p>
                        <!--点击更改密码显示密码修改框-->
                        <a class="changePassword" title="点击更改密码">更改密码</a>
                        <!--原密码-->
                        <p class="password">
                            <label for="oldpassword">原密码:</label>
                            <input type="password" id="oldpassword" name="oldpassword" onblur="isRight(this)" value="">
                        </p>
                        <!--新密码-->
                        <p class="password">
                            <label for="password">新密码:</label>
                            <input type="password" id="password" name="password" onblur="firstPassword(this)" value="">
                        </p >
                        <!--再次确认密码-->
                        <p class="password">
                            <label for="confirmpassword">再次确认密码:</label>
                            <input type="password" id="confirmpassword" name="confirmpassword" onblur="confirmPassword(this)" value="">
                        </p>
                        <!--性别-->
                        <p class="sex">
                            <label for="sex">性别:</label>
                            <input type="radio" name="sex" id="sex" value="0">男
                            <input type="radio" name="sex" value="1">女
                            <input type="radio" name="sex" value="3">保密
                        </p>
                        <!--所在地-->
                        <p class="location">
                            <label for="province">所在地:</label>
                            <select name="location" id="province">
                            </select>
                            <select name="location" id="city">
                            </select>
                        </p>
                        <!--出生日期-->
                        <p class="birth">
                            <label for="birth_year">出生日期:</label>
                            <select name="birthyear" id="birth_year">
                            </select>年
                            <select name="birthmonth" id="birth_month">
                            </select>月
                            <select name="birthday" id="birth_day">
                            </select>日
                        </p>
                        <!--邮箱-->
                        <p class="email">
                            <label for="email">绑定邮箱:</label>
                            <input type="text" name="mail" id="email" onchange="mistakeInfo()">
                             <span class="mistakes" id="emailMistake">邮箱输入错误</span>
                        </p>
                        <!--个人简介-->
                        <p class="introduce">
                            <label for="intro">个性签名:</label>
                            <textarea name="brief" id="intro" ></textarea>
                        </p>
                        <!--提交-->
                        <input type="button" name="send" onclick="submitChange()" class="send" value="确定">
                    </form>
                </div>
        </div>
        <!--遮罩-->
        <div class="mask"></div>
        <!--头像上传弹出框-->
        <div class="uploadPicBox">
            <div class="upPicPicContent" id="upPicPicContent">
                图片预览
            </div>
            <form method="post" action="">
                <a href="#">
                    <input type="file" value="" id="choosePicContent" class="choosePicContent" title="选择图片" style="display: none;">
                    <label for="choosePicContent">
                        <img src="public/images2/J.png"/>
                    </label>
                </a>
            </form>
            <div class="savePicContent" title="确定"><img src="public/images2/yes.png"/></div>
            <div class="closePicContent" title="关闭"><img src="public/images2/answer-del.png"/></div>
        </div>
    </div>
    <!--返回顶部按钮-->
    <button class="backTop"></button>

    <!--固定底部头像-->
    <!--<div class="fix_foot">
        <div class="myPhoto"><a href="#"><img src="public/images/myphoto.jpg"/></a></div>
        <div class="back"><img src="public/images2/a.png"/></div>
    </div>-->
    <!--页脚-->
    <footer>
        <ul class="share_group">
            <li><a href="#">关于FODIA</a></li>
            <li><a href="#">手机玩FODIA</a></li>
            <li><a href="#">认证&合作</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <div class="copy">
            &copy FODIA- 2017 | Power By Fodia
        </div>
    </footer>
    <!--删除提示弹出框-->
    <div class="tip_dialog" id="tip">

    </div>
    <!--回复评论弹出框1-->
    <div class="inputReply" id="inputReply1">
        <form method="post" action="">
            <textarea name="content" id=" " cols="30" rows="10" placeholder="请输入你的回复……" class="inputReplyComment"></textarea>
            <input type="submit" value=" " class="submitReplyComment">
        </form>
        <div class="closeReplyComment" onclick="hideReplyComment(1)">
            <img src="public/images2/answer-del.png"/>
        </div>
    </div>
    <!--遮罩-->
    <div class="mask"></div>

    <!--简介弹出框-->
    <div class="int_mask" id="int_mask" onselectstart="return false"></div>
    <div class="int_dialog" id="int_dialog">
        <div class="int_dialogTitle" id="int_dialogTitle">
            请输入你的简介
            <a onclick="hideIntroduce()" class="int_dialogTitleCloseButton">
                <img src="public/images2/del.png"/></a>
        </div>
        <div class="int_dialogContent">
            <form method="post" action="">
                <textarea name="brief" id=""  placeholder="请输入你的简介……" class="inputIntro"></textarea>
                <input type="submit" value=" " class="submitIntro">
            </form>
        </div>
    </div>

</div>
<script type="text/javascript" src="public/js/jquery.js"></script>
<script type="text/javascript" src="public/js/uploadifive.min.js"></script>
<script type="text/javascript" src="public/js/functions.js"></script>
<script type="text/javascript" src="public/js/main.js"></script>
<script type="text/javascript" src="public/js/info.js"></script>
</body>
</html>